<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/goods.css">
<link rel="stylesheet" href="libs/swiper//swiper-bundle.min.css">
<script src="libs/requirejs/require.min.js" data-main='js/goods'></script>

<body>
  <main>
    <div class="FW">
      <div class="goods">
        <script type="text/html" id="right-template">
          <div class="goods-left">
          <div class="png">
            <div class="img">
              <div class="bigimg">
                <div class="left_box">
                   <img src="{{products.image}}" alt="" style="width: 100%; height: 100%;" data-zoom-image="{{products.image}}">
                </div>
              <em class="icon"></em>
              <div class="left_smnav">
                <div id="zoom-gal">
                  {{each products.photo prod}}
                  <a href="#"  data-image="{{prod.url}}"
                  data-zoom-image="{{prod.url}}">
                  <img src="{{prod.url}}" alt="" style="width: 64px; height: 64px;"></a>
                  {{/each}}
                </div>
              </div>
            </div>
          </div>
          <div class="bianma">
            <p>商品编码：{{products.commodityId}} </p>
            <div class="onsel">
              <i class="icon-xin"></i>
              <span class="shouchang">收藏商品</span>
            </div>
            <div class="fenxd">
              <i class="index-fx"></i>
              <p>分享到</p>
              <i class="indeX"></i>
            </div>
          </div>
          <div class="kuan">
            <img src="./images/pc_xuanguan.png" alt="">
          </div>
        </div>
          </div>
          <div class="goods-right">
            <div class="hxwph">
              <div class="pib-title">
                <a href="#">{{products.title}}</a>
                <p></p>
              </div>
              <div class="clearfix">
                <img src="./images/kqq.png" alt="" class="bgimg">
                <div class ="spce">
                <div class ="info">
                <div class ="price-line">
                <i class ="pbox-yen">￥</i>
                <span class ="sp">{{products.price}}</span>
                <span class ="market">
                ￥<del class ="del">
                {{products.originPrice}}
                </del>
                </span>
                <span class ="discount">{{products.couponValue}}</span>
                </div>
                </div>
                <div class ="time">
                <div class ="icon-div">
                <img src="./images/qjhx.png" alt="" class ="qjhx">
                </div>
                </div>
                </div>
              </div>
              <div class="delive">
                <dl class="addres">
                  <dt class="addres-name">配送</dt>
                  <dd class="addres-box">
                    <p class="addres-tips">
                      四川省&nbsp;成都市&nbsp;武侯区&nbsp;
                    </p>
                    <i class="addres-up"></i>
                  </dd>
                </dl>
                <div class="message">
                  <span class="xuanz">现在付款，最快{{products.expireDate}}送达</span>
                </div>
                <dl class="firght">
                  <dt class="yfei">运费</dt>
                  <span class="firght-tips">新会员专享首单满38元免邮（限唯品自营商品，部分商品不可用）</span>
                </dl>
                <dl class="i-size">
                  <dt class="size-name">规格/净含量</dt>
                </dl>
                <ul class="clears">
                  <li class="clee">
                    <span class="liguan">礼罐装</span>
                    <span class="goux"></span>
                  </li>
                </ul>
                <dl class="clear-select">
                  <dt class="num-name">数量</dt>
                  <dd class="ui-box">
                    <button  class="dels">-</button>
                    <input class="numb" value="1">
                    <button  class="add">+</button>
                  </dd>
                </dl>
                <div class="i-btn">
                  <button class="addshopp">
                    <div class="yuanj">
                      <del>￥{{products.originPrice}}</del>
                    </div>
                    <div class="huod">
                      <span class="tejia">￥{{products.price}}</span>
                      <span class="tejiaq" >特卖价&nbsp;抢</span>
                    </div>
                  </button>
                </div>
              </div>
            </div>
            <div class="obx"></div>
          </div>
        </script>
      </div>
    </div>
  </main>

</body>

</html>